<template>
  <div class="tab-box in-container">
    <el-button link @click="save" type="primary"> 保存 </el-button>
    <!-- <el-button
    link
    @click="copy"
    type="primary"
  > 复制 </el-button> -->
    <el-button link @click="file" type="primary"> 附件 </el-button>
    <!-- <el-button link @click="log" type="primary"> 日志 </el-button> -->
    <el-button link @click="refresh" type="primary"> 刷新 </el-button>
  </div>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  props: {
    dataID: {
      type: String,
      default: ''
    }
  },
  emits: ['refresh', 'copy', 'file', 'log', 'save'],
  data() {
    return {}
  },
  methods: {
    save() {
      this.$emit('save')
    },
    copy() {
      this.$emit('copy')
    },
    file() {
      this.$emit('file')
    },
    log() {
      this.$emit('log')
    },
    refresh() {
      this.$emit('refresh')
    }
  },
  created() {}
})
</script>

<style lang="scss" scoped>
.tab-box {
  height: 32px !important;
  display: flex;
  align-items: center;
  padding: 0px 20px;

  :deep(.el-button) {
    font-weight: bold;
    font-size: 16px;
    margin: 0 10px;
  }
}
</style>
